@import '~ng-devui/styles-var/devui-var.scss';

.layout-wrapper {
  box-shadow: $devui-shadow-length-base $devui-light-shadow;
  margin-top: 36px;

  &:first-child {
    margin-top: 0;
  }

  .layout-wrapper-content {
    height: calc(100vh - 80px);
    overflow: auto;
  }
}

d-header {
  width: 100%;
  height: 42px;
  background-color: $devui-base-bg;
  color: $devui-light-text;
  border: 1px solid $devui-line;
  border-left: 0;

  fa-icon {
    font-size: 18px;
  }
}

d-aside {
  height: calc(100vh);
  max-width: 240px;
  background-color: $devui-base-bg;
}

d-content {
  background-color: $devui-global-bg;
}

d-footer {
  color: $devui-placeholder;
  background-color: $devui-global-bg;
  padding: 8px 24px;
}
